<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">

  <!-- main -->
  <div class="col">
    <!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h1 class="m-n font-thin h3 text-black">收费计划查询</h1>
        </div>
      </div>
    </div>
    <!-- / main header -->

    <div class="wrapper-md">
      <form name="" class="form-horizontal form-validation">
        <div class="panel panel-default">
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">收费计划:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">收费项目:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">全部</option>
                      <option value="">物业费</option>
                      <option value="">抄水表</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">服务截止日期:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="date" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="date" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">服务区域:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">A</option>
                      <option value="">B</option>
                      <option value="">C</option>
                      <option value="">D</option>
                      <option value="">地上A</option>
                      <option value="">地上B</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">开始日期:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="date" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="date" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">重复类型:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">一次性任务</option>
                      <option value="">一直重复</option>
                      <option value="">定次重复</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">重复周期:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">年</option>
                      <option value="">季度</option>
                      <option value="">月</option>
                      <option value="">周</option>
                      <option value="">日</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">建立人:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">全部</option>
                      <option value="">李里</option>
                      <option value="">章撒</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">总金额:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">总数:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">总数:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">金额完成率:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5">
                        <div class="input-group">
                          <input type="text" class="form-control" id="exampleInputAmount" placeholder="">
                          <div class="input-group-addon">%</div>
                        </div>
                      </div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5">
                        <div class="input-group">
                          <input type="text" class="form-control" id="exampleInputAmount" placeholder="">
                          <div class="input-group-addon">%</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">户数完成率:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5">
                        <div class="input-group">
                          <input type="text" class="form-control" id="exampleInputAmount" placeholder="">
                          <div class="input-group-addon">%</div>
                        </div>
                      </div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5">
                        <div class="input-group">
                          <input type="text" class="form-control" id="exampleInputAmount" placeholder="">
                          <div class="input-group-addon">%</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">状态:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">已执行</option>
                      <option value="">执行中</option>
                      <option value="">已暂停</option>
                      <option value="">已中止</option>
                      <option value="">已完成止</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="panel-footer  text-right">
            <button class="btn btn-info m-r">&nbsp;&nbsp;重置&nbsp;&nbsp;</button>
            <button class="btn btn-success m-l">&nbsp;&nbsp;查询&nbsp;&nbsp;</button>
          </div>

        </div>

      </form>

      <div class="row">
        <div class="col-md-12 col-xs-12">
          <div class="panel panel-default">

            <div class="table-responsive">
              <table class="table table-striped b-t b-light">
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>任务单号</th>
                    <th>任务名称</th>
                    <th>收费截止日期</th>
                    <th>任务开始日期</th>
                    <th>重复类型</th>
                    <th>重复周期</th>
                    <th>通知时间</th>
                    <th>建立人</th>
                    <th>已收金额/总金额</th>
                    <th>金额完成率</th>
                    <th>完成数/总户数</th>
                    <th>户数完成率</th>
                    <th>状态</th>
                  </tr>
                </thead>

                <tbody>
                  <tr>
                    <td>1</td>
                    <td>sr121212121</td>
                    <td>物业费</td>
                    <td>2017-01-01</td>
                    <td>2017-01-01 19:00:00</td>
                    <td>一次性</td>
                    <td>1季度</td>
                    <td>2017-01-01 19:00:00</td>
                    <td>王刚</td>
                    <td>1212.00/12121.00</td>
                    <td>10%</td>
                    <td>1235/1212</td>
                    <td>83.0%</td>
                    <td>执行中</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>sr121212121</td>
                    <td>物业费</td>
                    <td>2017-01-01</td>
                    <td>2017-01-01 19:00:00</td>
                    <td>一次性</td>
                    <td>1季度</td>
                    <td>2017-01-01 19:00:00</td>
                    <td>王刚</td>
                    <td>1212.00/12121.00</td>
                    <td>10%</td>
                    <td>1235/1212</td>
                    <td>83.0%</td>
                    <td>执行中</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>sr121212121</td>
                    <td>物业费</td>
                    <td>2017-01-01</td>
                    <td>2017-01-01 19:00:00</td>
                    <td>一次性</td>
                    <td>1季度</td>
                    <td>2017-01-01 19:00:00</td>
                    <td>王刚</td>
                    <td>1212.00/12121.00</td>
                    <td>10%</td>
                    <td>1235/1212</td>
                    <td>83.0%</td>
                    <td>执行中</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="panel-footer">
              <div class="panel">
                <div class="panel-body">
                  <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th>序号</th>
                        <th>收费项名称</th>
                        <th>应收金额</th>
                        <th>抹零金额</th>
                        <th>实收金额</th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                      </tr>
                      <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                      </tr>
                      <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <div class="panel-footer">
              <div class="row">

                <div class="col-sm-3">
                  <p> 统计信息: 共计15条 </p>
                </div>
                <div class="col-sm-3">
                  <p>已收金额合计：2500.00</p>
                </div>
                <div class="col-sm-3">
                  <p>总金额合计：2400.00</p>
                </div>
                <div class="col-sm-3">
                  <p>平均金额合计：0.00</p>
                </div>
                <div class="col-xs-6 col-sm-12 col-md-6">
                  每页显示条数：
                  <button class="btn btn-xs btn-info">&nbsp; 15 &nbsp;</button>
                  <button class="btn btn-xs btn-info">&nbsp; 30 &nbsp;</button>
                </div>

                <div class="col-xs-6 col-sm-12 col-md-6 text-right">
                  <ul class="pagination pagination-md">
                    <li>
                      <a href=""><i class="fa fa-chevron-left"></i></a>
                    </li>
                    <li>
                      <a href="">1</a>
                    </li>
                    <li>
                      <a href="">2</a>
                    </li>
                    <li>
                      <a href="">3</a>
                    </li>
                    <li>
                      <a href="">4</a>
                    </li>
                    <li>
                      <a href="">5</a>
                    </li>
                    <li>
                      <a href=""><i class="fa fa-chevron-right"></i></a>
                    </li>
                  </ul>
                </div>
              </div>

            </div>

          </div>
        </div>
      </div>

    </div>

  </div>
</div>